<template>
  <div
    :style="`background-image: url(${R.LOGIN_LOGIN_BG_WEBP})`"
    class="flex-x-center size-full min-h-700 min-w-1280 bg-cover bg-center"
  >
    <div class="mx-auto mt-40 flex-y-center h-42 min-w-1280 left-7% absolute">
      <div ml-136 flex-y-center>
        <el-image :src="R.COMMON_LOGO_WEBP" style="width: 178px; height: 42px" fit="contain" />
        <span text-30 ml-38>数智金融管理平台</span>
      </div>
    </div>

    <!-- copy right -->
    <div class="p-10 flex-x-center h-20 bottom-60 left-0 right-0 fixed">
      <span>Copyright©万联易达物流科技有限公司 All Rights Reserved.版权所有</span>
    </div>

    <!-- 用户登录 -->
    <UserLoginBox min-h-390 w-370 absolute-right right-150 />
  </div>
</template>

<script setup lang="ts">
import R from '@/assets/r'
import { useDataThemeChange } from '@/layout/hooks/useDataThemeChange'
import UserLoginBox from './cpns/user-login-box.vue'

defineOptions({ name: 'Login' })

// ---------------------- 主题 ----------------------
const { dataTheme, dataThemeChange } = useDataThemeChange()
dataTheme.value = false
dataThemeChange()
</script>
